<template>
  <div class="card-container bg-white ">
    <div class="card-header mx-3 flex ai-center jc-between">
      <div class="title fs-lg">{{ title }}</div>
      <div class="right">
        <i class="sprite sprite">...</i>
      </div>
    </div>
    <div class="card-body mx-3">
      <slot />
    </div>
  </div>
</template>
<script>
export default {
  props: {
    title: { type: String, required: true },
  },
};
</script>

<style lang="scss" scoped>
.card-header {
  height: 3.2rem;
  border-bottom: 1px solid #999;
  .title {
    font-weight: bold;
  }
}
</style>
